.pc

{
display:none;
}
.mobile
{
display:block;
}

@media screen and (max-width: 750px) {
	
    body {
        background-color:white;
		
    }
	ul,li,p,div,span,img
	{
		margin:0;
		padding:0;
	}
	.page_header
	{
		
	
		background:white;

		
		
	}
	.page_header .header_top
	{
		margin:0 20px;
		position:relative;
			
		}
	.page_header .header_top .logo
	{
		background-image:url(/template/hsbaimi/m_image/logo.jpg);
		width:100%;
    background-position: left center; 
    background-repeat: no-repeat, repeat;
	background-size:contain;
	height:64px;
	}

	.page_header .header_top .logo a
{
display:block;
width:100%;
height:100%;
}
	.page_header .header_banner
	{
		
		
				background-position:center;
	    
		background-repeat:no-repeat;
		position:relative;
	}
	.page_content
	{
		
		position:relative;
		font-family:"微软雅黑";
		
	}
	.page_content  .about
	{
		width:100%;
		
padding-bottom:20px;
		background:white;
		
		
	}
	.page_content  .title
	{
		text-align:center;
		font-size:28px;
		color:#1b83dc;
		font-weight:bold;
		height:80px;
		line-height:80px;
		margin:0 20px;
                position:relative;

	}
.page_content  .title:after
{
content:"";
background:#ffac1c;
height:4px;
width:60px;
margin:-15px auto;
display:block;
}
	.page_content .content
	{
		text-indent:2em;
		font-size:14px;
		color:#999999;
margin:0 20px;
		
	}
	.page_content .more
	{
		width:90px;
		height:30px;
		border-radius:6px;
		background-color:#ffac1c;
		text-align:center;
		color:white;
		line-height:30px;
		margin:10px auto;
				
		
	}
	.page_content .more a
	{
		color:white;
		text-decoration:none;
		}
		
		.page_content  .gcal
		{
			background-color:#f2f2f2;
			padding-bottom:20px;
		}
		.page_content   ul
		{
			
			overflow:auto;
		}
		.page_content ul li
		{
			list-style:none;
			
			float:left;
			width:50%;
			  
                        overflow:hidden;


	
		}
                .page_content ul li div:nth-child(2n+1)
{
margin-right:10px;
}
		
		.page_content   ul li img
		
		{
		
			width:100%;
                        height:110px;
                        display:block;
		}
              .page_content   ul li div.img
		{
			height:110px;
			overflow:hiden;
		}

		
		.page_content .jxsb
		{
			width:100%;
			background-color:white;
padding-bottom:20px;
		}
		.page_content .contact
		{
			background:#585858;
			height:300px;
		
		}
		.page_content .contact a
		{color:white;
			}
		.page_content .contact .title
		{
			color:white;
			}
		.page_content .contact  .content
		{
			color:white;
			text-indent:0;
		}

<!--手机端-->

.carousel
{
height:160px;
 position:relative;
}
.carousel-indicators
{
position:absolute;
bottom:5px;

}
.carousel-indicators li
{

   border:none;
 background-color: white;

}
.carousel-indicators .active {

    margin: 0;
    background-color: #ffac1c;
}



        .page_header .header_top .menu
{

}
.menu
{

z-index:100;
overflow:auto;
height:200px;
positon:absolute;
top:0;
right:0;
}
.navmenu{

top:20px;
right:10px;
width:24px;
height:24px;
background-image:url(/template/hsbaimi/m_image/menu.png);
background-size:contain;
z-index:100;
position:absolute;

}
.navcontent
{
position:absolute;
top:60px;
right:0;
z-index:100;
width:50%;
background:#f8f8f8;
border:solid 1px #e7e7e7;
}
.navcontent ul li
{
height:3em;
color:black;
line-height:3em;
border-bottom:solid 1px #e7e7e7;
text-align:center;
}
.navcontent ul li a
{
color:#777777;
text-decoration:none;
}
.navcontent ul li:hover,.navcontent ul li:visited
{
background:#e7e7e7;
}
.about_content
{
line-height:2em;
color:#777777;
margin:10px 20px;
}
.about_content img
{
width:100%;

}

.titlePic
{
 height:2em;
line-height:2em;
display:inline-block;
}


.contentProduct
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
column-gap:4px;
}
.contentProduct img
{
width:100%;
height:120px;
text-align:center;
}
.infomation img
{float:left;
width:100%;
}
.page_content .content .infoContent
{
margin-bottom:20px;
}
.contentProduct .img a
{
   color:#777777;
font-size:14px;
font-family:"微软雅黑";
}
.imgTitle ,.imgPic
{
display:block;
width:100%;
text-align:center;
}
.imgTitle
{
padding:15px 0;

}

.infoPiont
{
text-indent:0;
margin-top:10px;
padding-bottom:10px;
}
.infoPiont span
{
display:block;
padding:5px 0;
}
.carousel-control.right
{
background-image:none;
}
.carousel-control.left
{
background-image:none;

}
.index_tel
{
width:100%;
background:#1b83dc;
height:40px;
color:white;
padding:0 10px;
position:relative;
}
.index_tel span
{
display:inline-block;
line-height:40px;
}
.index_tel span a
{
color:white;
text-decoration:none;
}
.index_tel  .telPic
{
   width:80px;
   height:40px;
display:inline-block;
position:absolute;
right:10px;
}
.index_tel  .telPic a
{
background-image:url(/template/hsbaimi/m_image/mobileTel.jpg);
background-size:contain;
 width:80px;
   height:22px;
display:block;
margin-top:9px;
}
}